<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>收支明细</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta content="yes" name="apple-mobile-web-app-capable" />  
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />  
		<meta content="telephone=no" name="format-detection" />   
		<link rel="stylesheet" href="css/shourumx.css" />
		<link rel="stylesheet" type="text/css" href="css/global.css"/>
		<script src="js/rem.js"></script>
	</head>
	<body>
        <div class="shourumx">
        	<header class="clearfix toubu">
				<a href="index.html" class="fl"><i class="iconfont icon-tubiao- huqu"></i></a>
				<a href="javascript:void(0)" class="fr tanchuang" ><i class="iconfont icon-iconfontxiaogantanhao"></i></a>
				<p>收支明细</p>
				<!--收支明细说明-->
		        <section id="areaLayer" class="express-area-box">
		        </section>
		        <!--遮罩层-->
        		<div id="areaMask" class="mask"></div>
			</header>
        	<div class="tabs">
				<ul>
					<li class="accc">全部</li>
					<li>账单入账</li>
					<li>提现</li>
				</ul>
				<div class="div1 active">
	                <ul>
						<li>
							<p>提现</p>
							<p style="color: #D43F3A;">-275.50</p>
						</li>
						<li>
							<p>2016-02-29  17:13:42</p>
							<p>微信零钱</p>
						</li>
					</ul>
					<ul>
						<li>
							<p>订单手续补贴</p>
							<p style="color: #0bba07;">+0.10</p>
						</li>
						<li>
							<p>2016-02-29  17:13:42</p>
							<p>微信支付-代销</p>
						</li>
					</ul>
					<ul>
						<li>
							<p>订单入账手续费</p>
							<p style="color: #D43F3A;">-275.50</p>
						</li>
						<li>
							<p>2016-02-29  17:13:42</p>
							<p>微信支付-代销</p>
						</li>
					</ul>
					<ul>
						<li>
							<p>收银台</p>
							<p style="color: #0bba07;">+10.00</p>
						</li>
						<li>
							<p>2016-02-29  17:13:42</p>
							<p>微信支付-代销</p>
						</li>
					</ul>
				</div>
				<div class="div2">
					<ul>
						<li>
							<p>订单手续补贴</p>
							<p style="color: #0bba07;">+0.10</p>
						</li>
						<li>
							<p>2016-02-29  17:13:42</p>
							<p>微信支付-代销</p>
						</li>
					</ul>
					<ul>
						<li>
							<p>订单入账手续费</p>
							<p style="color: #D43F3A;">-275.50</p>
						</li>
						<li>
							<p>2016-02-29  17:13:42</p>
							<p>微信支付-代销</p>
						</li>
					</ul>
					<ul>
						<li>
							<p>收银台</p>
							<p style="color: #0bba07;">+10.00</p>
						</li>
						<li>
							<p>2016-02-29  17:13:42</p>
							<p>微信支付-代销</p>
						</li>
					</ul>
				</div>
				<div class="div3">
					<ul>
						<li>
							<p>提现</p>
							<p style="color: #D43F3A;">-275.50</p>
						</li>
						<li>
							<p>2016-02-29  17:13:42</p>
							<p>微信零钱</p>
						</li>
					</ul>	
				</div>
			</div>
        	<!----------收支情况明细---------->
        	<div class="mingxi">
        		
        		
        	</div>
        </div>
        <script src="js/jquery-2.2.1.min.js"></script>
        <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/windowOpen.js"></script>
        <script src="js/jquery.area.js"></script>
        <script type="text/javascript">
			//选项卡
		    $(".tabs>ul>li").click(function(){
		        var index=$("ul li").index(this)
		        $(this).addClass("accc").siblings().removeClass("accc")
		        $(".tabs>div").eq(index).addClass("active").siblings().removeClass("active")
		    })
		</script> 
		<script type="text/javascript">
			var setTitle = '';
			var setContents = '';
			var setButton = '';
			$('.tanchuang').on('click',function(){
				setTitle = '收支明细说明';
				setContents = '1.订单入账:  包含分销商品的订单收入，和微信收款的订单收入。订单在正常结算后，将入账到已结算收入； 2.提现:  提现成功到帐后，将显示在账户收支明细中；';
				setButton = '["我知道了"]';
				$(this).openWindow(setTitle,setContents,setButton);
			});
		</script>
	</body>

</html>